<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>设置面板DEMO</title>
<link href="/test/liangdong/src/css/common/demo.css" type="text/css" charset="utf-8" rel="stylesheet"></link>
<script type="text/javascript" src="/test/liangdong/src/js/mootools-core-1.3.2-yuimin.js"></script>
<script type="text/javascript" src="/test/liangdong/src/js/mootools-more-1.3.2.1-yuimin.js"></script>
<script type="text/javascript" src="/test/liangdong/src/js/configpannel/configpannel.js"></script>
<script type="text/javascript" src="/test/liangdong/src/js/configpannel/demo.js"></script>
<style>
.test{ width:500px; height:100px; border-width:15px;margin:5px; padding:10px; background:#69C; color:#FFF;}
.test1{  background:#FFF; color:#69C; }
.box{ zoom:1; margin-bottom:10px; overflow:auto;}
</style>
</head>

<body>
<div id="demo1" class="demo">
	<div class="content">
        <h3>demo1</h3>
        <div node-type="demo1test" class="test" style="width:500px;">
            <p>firefox不支持type为slider的input，因此需要在chrome中查看效果。</p>
            <p>configpanel加载成功后，会在对应演示浮层的右上角显示一个“+”。</p>
            <p>可以拖动它到合适的区域,点击它展开操作面板。</p>
        </div>
    </div>
</div>

<div id="demo2" class="demo">
    <div class="content">
        <h3>demo2</h3>
        <div node-type="demo2test" class="test" style="width:500px;">
            <p>firefox不支持type为slider的input，因此需要在chrome中查看效果。</p>
            <p>configpanel加载成功后，会在对应演示浮层的右上角显示一个"+"。</p>
            <p>可以拖动它到合适的区域,点击它展开操作面板。</p>
        </div>
    </div>
</div>
</body>
</html>
